<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Movie Index</title>
<style type="text/css">
@media screen {
    /* Set up our on-screen theme */
    body {
        font-family: "Arial", Helvetica, sans-serif;
        background-color: #000000; 
        color:#ffffff; 
    }
    #leftCol {
        float: left;
        width: 30%;
        height: 100%;
        margin: auto;
        overflow-x: hidden;
        overflow-y: auto;
        border-radius: 15px;
        background-color: #003000;
    }
    #rightCol {
        float: right;
        width: 68%;
        height: 100%;
        margin: auto;
        overflow-x: hidden;
        overflow-y: auto;
    }

    /* Bright links that only underline when tracked */
    a:link      { color:#00ffff; text-decoration: none; }
    a:visited   { color:#00ffff; text-decoration: none; }
    a:hover     { color:#00ffff; text-decoration: underline; }
    a:active    { color:#20ffff; text-decoration: none; }
    .folder_entry {
        color:#00c0c0;
        font-size:32px;
        white-space:nowrap;
    }
    .folder_icon {
        display: inline-block;
        background: url() no-repeat;
        height:32px;
        width:32px;
    }
    .folder_small {
        color:#00c0c0;
        font-size:20px;
        white-space:nowrap;
    }
    .index_entry {
        color:#00ffff;
        font-size:24px;
        white-space:nowrap;
    }
    .info_text {
      color: #808080;
      font-size: 10px;
      clear:both;
    }
}
@media print {
    /* When printing, remove the images and use a black on white theme */
    body {
        font-family: "Arial", Helvetica, sans-serif;
        background-color: #ffffff; 
        color:#000000; 
    }
    #leftCol {
        display:none;
    }
    #rightCol {
    }
    a:link      { color:#000000; text-decoration: none; }
    a:visited   { color:#000000; text-decoration: none; }
    a:hover     { color:#000000; text-decoration: underline; }
    a:active    { color:#000000; text-decoration: none; }
    .folder_entry {
        color:#000000;
        font-size:20px;
        white-space:nowrap;
    }
    .index_entry {
        color:#000000;
        font-size:10px;
        white-space:nowrap;
    }
    .info_text {
        display:none;
    }
}
</style>
</head>

<body>
<!--<div id="title" class="title">Titles Available In TITLE_TEXT</div>
<br/>-->
<div id="columns">
<div id="leftCol">
<div align="center"><br/><b>Folder Index</b></div>
<!--FOLDERS_HERE-->
<br/>&nbsp;
</div>
<div id="rightCol">
<!--INDEXES_HERE-->
</div>
</div>

<div class="info_text">
<br/>
<br/>
<a href="https://code.google.com/p/videowebscript/">Generated by VideoWebScript</a>
</div>

</body>
</html>
